﻿* {
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
}

/*搜索框位置*/

.location {
    width: 70%;
}

/*标题以及搜索框*/
.title-search {
    margin-top: 15px;
    margin-bottom: 30px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.input_search_div {
    margin-right: 50px;
    width: 500px;
    display: flex;
    justify-content: space-around;
}

.my-select-area, .search-input {
    width: 130px;
}

.button-groups {
    height: 38px;
    display: flex;
    width: 210px;
    justify-content: space-around;
}

/*总体*/
.box_order {
    /*height: 600px;*/
    width: 100%;
}

.box_order table th, td {
    text-align: center;
    font-size: 18px;
    font-weight: normal;
}

.table-info, .table-info > td, .table-info > th {
    background-color: #d8e3e9;
}
.table-info th:nth-child(7){
    max-width: 400px;
}
tbody td:nth-child(7){
    word-wrap: break-word;
    max-width:400px;
}

.box_order table thead tr th {
    font-weight: bold;
}

.input_right {
    /*搜索框大小*/
    width: 126px;
}
/*分页*/
.my-page-div {
    height: 60px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 200px;
}

/*页码位置*/
.page {
    /*width: 30%;*/
    margin-bottom: 0;
    /*margin-right: 30px;*/
}

.page li {
    margin-left: 10px;
    border-radius: .25rem;
    overflow: hidden;
}

.page li a {
    border-radius: .25rem;
    background: #44a4f5;
    color: #fff;
    transition: background .3s ease;
}

.page li a:hover {
    background: #aed5ff;
    color: #fff;
}

.my_dropdown {
    list-style: none;
}

.my_dropdown a {
    color: black;
    text-decoration: none;
}

.bgcolor {
    /*背景颜色*/
    background: #0065ca;
    width: 220px;
    height: 33px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    overflow: hidden;
}

.bgcolor a {
    display: block;
    line-height: 33px;
    width: 100%;
    background: #0065ca;
    text-decoration: none;
    color: #ffffff !important;
    font-weight: normal;
    transition: background .3s ease;
}

.bgcolor a:hover {
    background: #4e9ae6;
}


.details {
    width: 100px;
    height: 35px;
    /*border: 5px solid #c8e2c8;*/
    overflow: hidden;
    border-radius: 5px;
    background: #4e9ae6;
    /*text-align: center;*/
}

.details a {
    display: block;
    background: #4e9ae6;
    cursor: pointer;
    width: 100%;
    transition: background .3s ease;
    text-decoration: none;
    color: #ffffff !important;
    line-height: 35px;
}

.details a:hover {
    background: #7db6ff;
}

/*两个模态框*/
#order-manage-update-form, #order-manage-create-form {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.update {
    width: 100%;
    display: flex;
    justify-content:space-around;
}

.text-area {
    min-width: 100%;
    max-width: 100%;
}

/*分页信息样式*/
#total {
    font-size: 20px;
}















